<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>同城 - 首页 - 站酷(ZCOOL)</title>
		<link rel="icon" href="../img/lbd_favicon.ico"/>
		<link rel="stylesheet" href="../css/tongcheng-bg.css" />
		<link rel="stylesheet" type="text/css" href="../css/lnz-iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index_header_footer.css"/>
		<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
		<style type="text/css">
			
	        /*.wrapper ul li a:before{
	        	content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 50px;
				height: 4px;
				background: rgb(68,68,68);
	        }*/
	        /*正文内容*/
			.container{
				width: 100%;
				height: 2390px;
				background: rgb(244,244,244);
				box-sizing: border-box;
				position: relative;
				/*position: fixed;*/
			}
			.min-container{
				width: 80%;
				height: 2370px;
				box-sizing: border-box;
				min-width: 1583px;
			}
			.tc-box{
				width: 100%;
				height: 80px;
			}
			.ul1{
				list-style: none;
				width: 670px;
				height: 56px;
				background: rgb(255,255,255);
				border-radius: 3px;
				display: block;
				position: absolute;
				margin-left: 15%;
				top: 25px;
			}
			.ul1 li{
				float: left;
				padding-top: 18px;
				width: 25%;
				text-align: center;
			}
			.ul1 li:nth-of-type(3){
				color: rgb(153,153,153);
			}
			.ul1 li:nth-of-type(4){
				color: rgb(211,111,22);
			}
			.ul1 li:nth-of-type(2):hover{
				cursor: pointer;
			}
			.ul1 li:nth-of-type(3):hover{
				color: #000000;
				cursor: pointer;
			}
			.ul1 li:nth-of-type(4):hover{
				cursor: pointer;
			}
			.ul2{
				list-style: none;
				width: 360px;
				height: 56px;
				background: rgb(255,255,255);
				border-radius: 3px;
				display: block;
				position: absolute;
				margin-left: 60%;
				top: 25px;
			}
			.ul2 li{
				float: left;
				height: 56px;
				/*padding-top: 30px;*/
				width: 33.3%;
				text-align: center;
			}
			.ul2 li span{
				position: relative;
				top: 20px;
			}
			.ul2 li:hover{
				background: rgb(255,227,0);
				cursor: pointer;
			}
			.ul2 li span{
				font-size: 24px;
			}
			/*作品栏目开始*/
			.zuopinlan{
				width: 42%;
				height: 984px;
				background: rgb(244,244,244);
				border-radius: 4px;
				left: 18%;
				margin-left: 14.5%;
				margin-top: 20px;
				box-sizing: border-box;
				min-width: 700px;
			}
			.works-show{
				width: 210px;
				height: 308px;
				float: left;
				margin-left: 10px;
			}
			.works-show:nth-of-type(4){
				margin-top: 20px;
			}
			.works-show:nth-of-type(5){
				margin-top: 20px;
			}
			.works-show:nth-of-type(6){
				margin-top: 20px;
			}
			.works-show:nth-of-type(7){
				margin-top: 20px;
			}
			.works-show:nth-of-type(8){
				margin-top: 20px;
			}
			.works-show:nth-of-type(9){
				margin-top: 20px;
			}
			.show-img{
				width: 210px;
				height: 158px;
			}
			.show-img img:hover{
				cursor: pointer;
				opacity: 0.8;
			}
			.show-info{
				width: 210px;
				height: 98px;
				background: white;
			}
			.show-info p{
				padding-top: 10px;
				padding-left: 5%;
				color: rgb(187,187,187);
				font-size: 12px;
			}
			.show-info p a{
				font-size: 16px;
				color: black;
			}
			.show-info p a:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.show-item{
				width: 210px;
				height: 50px;
				background: white;
				border-top: 2px solid rgb(244,244,244);
			}
			.show-item span:nth-of-type(1){
				width: 140px;
				height: 50px;
				float: left;
				font-size: 12px;
				text-align: center;
				line-height: 40px;
			}
			.show-item span img{
				width: 24px;
				height: 24px;
				border-radius: 50%;
				padding-top: 14px;
			}
			.show-item span a{
				padding-left: 12px;
				padding-bottom: 14px;
			}
			.show-item span img:hover{
				cursor: pointer;
			}
			.show-item span a:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.show-item span:nth-of-type(2){
				width: 65px;
				height: 50px;
				float: right;
				font-size: 12px;
				text-align: center;
				line-height: 45px;
			}
			
			/*素材栏目开始*/
			.sucai{
				width: 42%;
				height: 331px;
				background: navajowhite;
				border-radius: 4px;
				left: 20%;
				margin-left: 14.5%;
				margin-top: 20px;
			}
			.sucai-nav{
				width: 670px;
				height: 57px;
				background: white;
				border-bottom: 2px solid rgb(244,244,244);
			}
			.sucai-nav span{
				width: 70px;
				height: 57px;
				float: left;
				font-size: 16px;
				text-align: center;
				line-height: 58px;
			}
			.sucai-nav span:nth-of-type(2){
				width: 140px;
				height: 57px;
				float: right;
				font-size: 16px;
				text-align: center;
				line-height: 58px;
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.sucai-neirong{
				width: 670px;
				height: 274px;
				background: white;
			}
			.sucai-neirong ul{
				width: 650px;
				height: 254px;
				float: right;
				background: white;
				list-style: none;
				border-radius: 3px;
				display: block;
			}
			.sucai-neirong ul li{
				width: 142.5px;
				height: 107px;
				float: left;
				overflow: hidden;
				padding-top: 20px;
				padding-left: 20px;
			}
			.sucai-neirong ul li img:hover{
				cursor: pointer;
			}
			/*职位栏目开始*/
			.zhiwei{
				width: 42%;
				height: 907px;
				/*background: navajowhite;*/
				border-radius: 4px;
				left: 20%;
				margin-left: 14.5%;
				margin-top: 20px;
				padding-bottom: 20px;
			}
			.zhiwei-nav{
				width: 670px;
				height: 57px;
				background: white;
				border-bottom: 2px solid rgb(244,244,244);
			}
			.zhiwei-nav span{
				width: 70px;
				height: 57px;
				float: left;
				font-size: 16px;
				text-align: center;
				line-height: 58px;
			}
			.zhiwei-nav span:nth-of-type(2){
				width: 140px;
				height: 57px;
				float: right;
				font-size: 16px;
				text-align: center;
				line-height: 58px;
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.zhiwei-show{
				width: 670px;
				height: 170px;
				background: white;
			}
			.zhiwei-show .zhiwei-ul1{
				width: 670px;
				height: 104px;
				background: white;
				list-style: none;
			}
			.zhiwei-show .zhiwei-ul1 li{
				width: 36%;
				height: 104px;
				float: left;
			}
			.zhiwei-show .zhiwei-ul1 li:nth-of-type(2){
				width: 50%;
				height: 104px;
				float: right;
			}
			.zhiwei-show .zhiwei-ul1 li p{
				font-size: 16px;
				padding-top: 20px;
				padding-left: 25px;
				float: left;
				cursor: pointer;
				display: block;
			}
			.zhiwei-show .zhiwei-ul1 li p:hover{
				color: rgb(211,111,22);
			}
			.zhiwei-show .zhiwei-ul1 li span{
				font-size: 12px;
				padding-left: 25px;
				float: left;
				padding-top: 5px;
			}
			.zhiwei-show .zhiwei-ul1 li img{
				float: left;
				padding-top: 15px;
				cursor: pointer;
			}
			.zhiwei-show .zhiwei-ul2{
				width: 670px;
				height: 66px;
				background: rgb(251,251,251);
				list-style: none;
			}
			.zhiwei-show .zhiwei-ul2 li{
				width: 250px;
				height: 50px;
				float: right;
				padding-top: 10px;
				padding-right: 75px;
			}
			.zhiwei-show .zhiwei-ul2 li span{
				border: 1px solid #ddd;
				background: #fff;
				font-size: 12px;
				display: inline-block;
			    text-align: center;
			    overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    color: #bbb!important;
    			cursor: default!important;
    			padding: 3px 12px;
    			margin-right: 6px;
    			/*margin-left: 10px;*/
    			margin-top: 10px;
			}
			/*热门生活圈开始*/
			.hotquan{
				width: 23%;
				height: 663px;
				/*background: navajowhite;*/
				border-radius: 4px;
				float: right;
			    margin-right: 17%;
    			margin-top: -143%;
    			box-sizing: border-box;
    			min-width: 360px;
			}
			.hotquan-title{
				width: 364px;
				height: 57px;
				background: white;
				border-bottom: 2px solid rgb(244,244,244);
			}
			.hotquan-title span{
				font-size: 16px;
			    color: #444;
			    line-height: 56px;
			    padding-left: 30px;
			    cursor: default!important;
			}
			.hotquan-show{
				width: 364px;
				height: 70px;
				background: white;
			}
			.hotquan-show img{
				margin: 25px 0px 0px 30px;
				border-radius: 50%;
				cursor: pointer;
			}
			.hotquan-show p{
				color: #282828;
			}
			.hotquan-show p:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.hotquan-show span{
				color: #bbb;
				font-size: 12px;
			}
			.hotquan-show input{
				width: 80px;
			    font-size: 14px;
			    box-sizing: border-box;
				height: 36px;
    			line-height: 36px;
    			color: #444;
			    background: #ffe300;
			    border: 1px solid #ffe300;
			    border-radius: 4px;
			    cursor: pointer;
			}
			.left-box{
				float: left;
			}
			.right-box{
				float: right;
			}
			.right-button{
				margin: 30px 30px 0px 0px;
			}
			.left-box-info{
				float: left;
				margin: 30px 0px 0px 30px;
			}
			.hotquan-lunbotu{
				width: 364px;
				height: 320px;
				background: white;
			}
			.hotquan-lunbotu img{
				margin: 10px 0px 0px 24px;
				cursor: pointer;
			}
			.hotquan-zuozhe{
				width: 364px;
				height: 70px;
				background: white;
			}
			.hotquan-zuozhe img{
				border-radius: 50%;
				margin: 30px 0px 0px 30px;
			}
			.hotquan-zuozhe img:hover{
				cursor: pointer;
			}
			.hotquan-zuozhe span{
				float: right;
				margin: 30px 30px 0px 0px;
				cursor: pointer;
				font-size: 22px;
			}
			.hotquan-biaoqian{
				width: 364px;
				height: 70px;
				background: white;
				border-top: 2px solid rgb(244,244,244);
				border-bottom: 2px solid rgb(244,244,244);
			}
			.hotquan-biaoqian-info{
				width: 364px;
				height: 70px;
				text-align: center;
				line-height: 68px;
			}
			.hotquan-biaoqian-info p{
				display: inline-block;
				font-size: 15px;
				color: #000000;
			}
			.hotquan-biaoqian-info p:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.hotquan-biaoqian-info span{
				font-size: 15px;
				display: inline-block;
				color: #444;
				cursor: default!important;
			}
			.hotquan-chakan{
				width: 364px;
				height: 70px;
				text-align: center;
				line-height: 70px;
				cursor: pointer;
				background: white;
			}
			/*热门作品开始*/
			.hotzuo{
				width: 23%;
				height: 1120px;
				/*background: navajowhite;*/
				border-radius: 4px;
				float: right;
				margin-right: 17%;
    			margin-top: -100%;
    			box-sizing: border-box;
    			min-width: 360px;
			}
			.hotzuo-nav{
				width: 364px;
				height: 57px;
				background: white;
				border-radius: 3px;
				border-bottom: 2px solid rgb(244,244,244);
			}
			.hotzuo-nav ul{
				width: 364px;
				height: 57px;
				/*background: darkgrey;*/
				list-style: none;
				margin-left: 32px;
			}
			.hotzuo-nav ul li:nth-of-type(1){
				width: 66px;
				height: 57px;
				display: inline-block;
				font-size: 16px;
				line-height: 55px;
				border-bottom: 2px solid #000000;
				cursor: pointer;
			}
			.hotzuo-nav ul li:nth-of-type(2){
				width: 84px;
				height: 57px;
				display: inline-block;
				font-size: 16px;
				line-height: 55px;
				margin-left: 50px;
				color: darkgray;
			}
			.hotzuo-nav ul li:nth-of-type(2):hover{
				border-bottom: 2px solid #000000;
				cursor: pointer;
				color: black;
			}
			.hotzuo-show{
				width: 364px;
				height: 104px;
				background: white;
				border-bottom: 2px solid rgb(244,244,244);
			}
			.hotzuo-show-num{
				width: 30px;
				height: 66px;
				line-height: 66px;
				text-align: center;
			    font-size: 22px;
			    padding: 20px 15px 0px 15px;
			    float: left;
			}
			.hotzuo-show-info{
				width: 300px;
				height: 66px;
				/*background: darkgray;*/
				float: left;
				margin-top: 20px;
			}
			.hotzuo-show-info img{
				cursor: pointer;
			}
			.top-box{
				width: 208px;
				height: 33px;
				/*background: turquoise;*/
				padding-bottom: 3px;
				padding-left: 4px;
			}
			.top-box p{
				font-size: 14px;
				overflow: hidden;
			}
			.top-box p:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.top-box span{
				font-size: 12px;
				color: darkgray;
				overflow: hidden;
			}
			.botton-box{
				width: 208px;
				height: 33px;
				/*background: red;*/
				display: inline-block;
				padding-left: 4px;
			}
			.botton-box img{
				border-radius: 50%;
				margin-top: 5px;
			}
			.float-box{
				width: 175px;
				height: 24px;
				float: right;
				/*background: forestgreen;*/
				margin-top: 5px;
			}
			.float-box p{
				float: left;
				font-size: 12px;
				line-height: 20px;
				overflow: hidden;
			}
			.float-box p:hover{
				cursor: pointer;
				color: rgb(211,111,22);
			}
			.float-box span{
				float: right;
				font-size: 12px;
				line-height: 20px;
				margin-right: 30px;
				cursor: default!important;
				overflow: hidden;
			}
			/*返回顶部按钮*/
			.backtop{
				width: 50px;
				height: 50px;
				position: fixed;
				background: rgb(211,211,211);
				float: right;
				right: 80px;
				bottom: 40px;
				cursor: pointer;
				display: none;
			}
			.backtop span{
				font-size: 22px;
				line-height: 50px;
				margin-left: 14px;
				color: white;
			}
		</style>
	</head>
	<body>
		<!--页首的开始-->
		<div id="header">
			<ul>
				<li class="header1"><a href=""><img src="../img/lbd_logo.svg" width="120px" height="20px"/></a></li>
				<li class="header2">
					<ul class="header2_ul1">
						<li><a href="">首页</a></li>
						<li><a href="">发现</a>
						<ul class="faxianxiabiao">
							<li><a href="">平面</a><i></i></li>
							<li><a href="">UI</a><i></i></li>
							<li><a href="">网页</a><i></i></li>
							<li><a href="">插画</a><i></i></li>
							<li><a href="">动漫</a><i></i></li>
							<li><a href="">摄影</a><i></i></li>
							<li><a href="">空间</a></li>
							<li><a href="">工业/产品</a><i></i></li>
							<li><a href="">三维</a><i></i></li>
							<li><a href="">影视</a><i></i></li>
							<li><a href="">手工艺</a><i></i></li>
							<li><a href="">纯艺术</a><i></i></li>
							<li><a href="">服装</a><i></i></li>
							<li><a href="">其他</a></li>
							<li></li>
						
						<ul class="faxianxiabiaodibu">
							<li><a href="">&nbsp;精选作品>&nbsp;</a></li>
							<li><a href="">&nbsp;精选文章&nbsp;></a></li>
							<li><a href="">&nbsp;精选收藏&nbsp;></a></li>
						</ul>
						
						</ul>
						
						</li>
						<li><a href="">同城</a></li>
						<li><a href="">职位</a>
						<ul class="zhiweixiabiao">
							<li><a href="">职位</a></li>
							<li><a href="">公司</a></li>
							<li><a href="">+公布职位</a></li>
						</ul>
							
						</li>
						
						<li><a href="">活动</a>
						<ul class="huodongxiabiao">
							<li><a href="">设计大赛</a></li>
							<li><a href="">专题策划</a></li>
							<li><a href="">线上活动</a></li>
							<li><a href="">线下活动</a></li>
							<li><a href="">学习音频</a></li>
						</ul>
						</li>
						
						<li><a href="">&nbsp;&nbsp;正版素材&nbsp;&nbsp;</a>
						<ul class="zhengbansucaixiabiao">
							<li><a href="">图片</a></li>
							<li><a href="">视频</a></li>
							<li><a href="">字体</a></li>
							<li><a href="">音乐</a></li>
							<li><a href="">我要供图</a></li>
						</ul>
						</li>
						
						<li><a href="">课程</a>
						<ul class="kechengxiabiao">
							<li><a href="">新春促销<img src="../img/lbd_6.8折.jpg"/></a></li>
							<li><a href="">口碑好课</a></li>
						</ul>	
						</li>
						<li><a href="">···</a>
						<ul class="dianxiabiao">
							<li><a href="">榜单</a></li>
							<li><a href="">设计师</a></li>
							<li><a href="">站酷知产</a></li>
							<li><a href="">站酷APP</a></li>
							<li><a href="">站酷字库</a></li>
						</ul>	
						</li>
					</ul>
				</li>
				<li class="header3">
					<ul>
						<li><a href="" class="header3_a"><span class="iconfont icon-sousuo"></span></a></li>
						<li><a href="" class="header3_a"><span class="iconfont icon-yunshangchuan"></span></a></li>
						<li><a href="" class="header3_b">登录</a></li>
						<li><a href="" class="header3_b">|</a></li>
						<li><a href="" class="header3_b">注册</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!--页首结束-->
		<!--图片背景开始-->
		<div id="" class="tc-bg">
			<div id="" class="bg-image">
				<img src="../img/lnz-黄昏大厦.jpg" class="peoplebg" style="width: 180%;margin-left: -415px;height: 344px;"/>
			</div>
			
			<div id="" class="data-box-lift1">
				人气
				<span title="人气" class="date-number1">2476977</span>
			</div>
			<div id="" class="data-box-lift2">
				创作
				<span title="创作" class="date-number2">1128504</span>
			</div>
			<div class="city-name">北京</div>
			<div id="" class="data-box-right1">
				设计师
				<span title="设计师" class="date-number3">939691</span>
			</div>
			<div id="" class="data-box-right2">
				生活圈
				<span title="生活圈" class="date-number4">11890</span>
			</div>
		</div>
		<div class="nav-box">
			<div class="swit-city">
				<span class="ct-span1">北京</span>
				<span class="ct-span2">&nbsp;&nbsp;切换城市</span>
			</div>
			<div class="wrapper">
				<ul>
					<li><a href="同城 - 首页 - 站酷(ZCOOL).html" class="a1">首页</a></li>
					<li><a href="同城 - 创作 - 站酷(ZCOOL).html" class="a2">创作</a></li>
					<li><a href="同城 - 生活圈 - 站酷(ZCOOL).html" class="a3">生活圈</a></li>
					<li><a href="同城 - 设计师 - 站酷(ZCOOL).html" class="a4">设计师</a></li>
				</ul>
			</div>
		</div>
		<div id="" class="container">
			<div class="backtop">
				<span class="iconfont icon-shangbiao"></span>
			</div>
			<div class="min-container">
				<div class="tc-box">
					<ul class="ul1">
						<li>创作</li>
						<li>编辑精选</li>
						<li>最近发布</li>
						<li>更多&nbsp;&nbsp;></li>
					</ul>
					<ul class="ul2">
						<li><span class="iconfont icon-shangchuanzuopin"></span></li>
						<li><span class="iconfont icon-fabuzhiwei"></span></li>
						<li><span class="iconfont icon-shangjiagengduoxiangqing"></span></li>
					</ul>
				</div>
				<div class="zuopinlan">
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show1.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者1.png" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show2.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者2.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show3.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者3.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show4.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者4.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show5.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者5.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show6.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者6.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show7.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者7.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show8.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者8.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
					<div class="works-show">
						<div class="show-img">
							<img src="../img/lnz-works-show9.jpg" width="100%" height="100%"/>
						</div>
						<div class="show-info">
							<p><a>奇妙的生命-详情页</a><span class="iconfont icon-renqi1"></span></p>
							<p>平面-宣传品</p>
							<p>
								<span class="iconfont icon-renqi">66</span>
								<span class="iconfont icon-pinglun">66</span>
								<span class="iconfont icon-tuijian">66</span>
							</p>
						</div>
						<div class="show-item">
							<span>
								<img src="../img/lnz-作者9.jpg" /><a>作者的名字比如...</a>
							</span>
							<span>x小时以前</span>
						</div>
					</div>
				</div>
				<div class="sucai">
					<div class="sucai-nav">
						<span>素材</span>
						<span>更多&nbsp;&nbsp;></span>
					</div>
					<div class="sucai-neirong">
						<ul>
							<li><img src="../img/lnz-素材图1.jpg" width="113.36px" height="124px" /></li>
							<li><img src="../img/lnz-素材图2.jpg" width="68.19px" height="124px" /></li>
							<li><img src="../img/lnz-素材图2.jpg" width="76.61px" height="124px" /></li>
							<li><img src="../img/lnz-素材图4.jpg" width="123.55px" height="124px" /></li>
							<li><img src="../img/lnz-素材图5.jpg" width="313.53px" height="124px" /></li>
						</ul>
					</div>
				</div>
				<div class="zhiwei">
					<div class="zhiwei-nav">
						<span>职位</span>
						<span>更多&nbsp;&nbsp;></span>
					</div>
					<div class="zhiwei-show">
						<ul class="zhiwei-ul1">
							<li>
								<p>消费品包装设计师</p>
								<span>15k-25k / 经验3-5年 / 本科</span>
							</li>
							<li>
								<img src="../img/lnz-作者1.png" width="64px" height="64px"/>
								<p>北京多趣美学电子商务有限公司</p>
								<span>电子商务/初创型(天使轮)</span>
							</li>
						</ul>
						<ul class="zhiwei-ul2">
							<li>
								<span>年底多薪</span>
								<span>五险一金</span>
								<span>尊重设计	</span>
							</li>
						</ul>
					</div>
					<div class="zhiwei-show">
						<ul class="zhiwei-ul1">
							<li>
								<p>工业设计师</p>
								<span>8k-10k / 应届毕业生 / 本科</span>
							</li>
							<li>
								<img src="../img/lnz-zhiwei-图2.jpg" width="64px" height="64px"/>
								<p>清美创联（天津）科技有限公司</p>
								<span>互联网/文化娱乐/初创型(未融资)</span>
							</li>
						</ul>
						<ul class="zhiwei-ul2">
							<li>
								<span>尊重设计</span>
								<span>领导好</span>
								<span>弹性工作	</span>
							</li>
						</ul>
					</div>
					<div class="zhiwei-show">
						<ul class="zhiwei-ul1">
							<li>
								<p>分镜师</p>
								<span>8k-14k / 经验1-3年 / 学历不限 </span>
							</li>
							<li>
								<img src="../img/lnz-zhiwei-图3.jpg" width="64px" height="64px"/>
								<p>月蚀文化发展(北京)有限公司</p>
								<span>艺术/文化娱乐/成长型(A轮)</span>
							</li>
						</ul>
						<ul class="zhiwei-ul2">
							<li>
								<span>领导好</span>
								<span>尊重设计</span>
								<span>弹性工作</span>
							</li>
						</ul>
					</div>
					<div class="zhiwei-show">
						<ul class="zhiwei-ul1">
							<li>
								<p>动画设计实习生</p>
								<span>2k-3k / 应届毕业生 / 本科 </span>
							</li>
							<li>
								<img src="../img/lnz-zhiwei-图4.jpg" width="64px" height="64px"/>
								<p>网易（杭州）网络有限公司</p>
								<span>互联网/成熟型(上市公司)</span>
							</li>
						</ul>
						<ul class="zhiwei-ul2">
							<li>
								<span>态度</span>
								<span>游戏</span>
								<span>电子商务</span>
							</li>
						</ul>
					</div>
					<div class="zhiwei-show">
						<ul class="zhiwei-ul1">
							<li>
								<p>后期制作/动画设计师</p>
								<span>7k-13k / 经验3-5年 / 本科 </span>
							</li>
							<li>
								<img src="../img/lnz-zhiwei-图5.jpg" width="64px" height="64px"/>
								<p>北京光影巅峰文化传播有限公司</p>
								<span>广告营销/艺术/不需要融资</span>
							</li>
						</ul>
						<ul class="zhiwei-ul2">
							<li>
								<span>津贴福利</span>
								<span>尊重设计</span>
								<span>弹性工作	</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="hotquan">
					<div class="hotquan-title">
						<span>热门生活圈</span>
					</div>
					<div class="hotquan-show">
						<div class="left-box">
							<img  src="../img/lnz-hotquan-show-logo.jpg"  width="48p" height="48px"/>
						</div>
						<div class="left-box-info">
							<p>元瞻阁萧凇菱</p>
							<span>21小时前</span>
						</div>
						<div class="right-box">
							<input class="right-button" type="button" name="" id="" value="关注" />
						</div>
					</div>
					<div class="hotquan-lunbotu">
						<img src="../img/lnz-hotquan-show-图1.jpg" width="320px" height="320px"/>
					</div>
					<div class="hotquan-zuozhe">
						<div class="left-box">
							<img src="../img/lnz-hotquan-作者图1.jpg" width="30px" height="30px"/>
						</div>
						<div class="right-box">
							<span class="iconfont icon-tuijian"></span>
						</div>
					</div>
					<div class="hotquan-biaoqian">
						<div class="hotquan-biaoqian-info">
							<p>元瞻阁萧凇菱 </p>
							<span>初拿画笔时的画，四五岁的样子。</span>
						</div>
					</div>
					<div class="hotquan-chakan">
						查看更多
					</div>
				</div>
				<div class="hotzuo">
					<div class="hotzuo-nav">
						<ul>
							<li>热门作品</li>
							<li>人气设计师</li>
						</ul>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">1</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图1.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>2019奥迪E-Tron上市发布会</p>
									<span>影视</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图1.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>圣焰影视</p>
										<span>6天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">2</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图2.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>华凌空调 凌魂少女形象设计大赛KV</p>
									<span>插画</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图2.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>小白酱milkyu</p>
										<span>5天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">3</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图3.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>撒娇弟弟最好命</p>
									<span>动漫</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图3.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>郭九二</p>
										<span>2天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">4</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图4.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>用百度 Doodle 记录的2019</p>
									<span>资讯</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图4.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>百度BMD</p>
										<span>2天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">5</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图5.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>2020</p>
									<span>插画</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图5.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>lost7</p>
										<span>6天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">6</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图6.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>方寸之间，见世界之大：百度Doodle艺术展回顾！</p>
									<span>资讯</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图6.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>百度BMD</p>
										<span>1天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">7</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-作者-图7.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>liking game 游戏平台概念设计</p>
									<span>UI</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图7.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>James_Rose</p>
										<span>6天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">8</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图8.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>Enco Stander Cover</p>
									<span>平面</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图8.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>失业ID设计师孔皓</p>
										<span>6天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">9</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图9.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>UED官网项目</p>
									<span>UI</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图9.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>土木君</p>
										<span>2天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="hotzuo-show">
						<div class="hotzuo-show-num">10</div>
						<div class="hotzuo-show-info">
							<img src="../img/lnz-hotzuo-show-图10.jpg" width="88px" height="64px"/>
							<div class="right-box">
								<div class="top-box">
									<p>尚巍手书</p>
									<span>平面</span>
								</div>
								<div class="botton-box">
									<img src="../img/lnz-hotzuo-show-作者-图10.jpg" width="24px" height="24px"/>
									<div class="float-box">
										<p>尚巍</p>
										<span>3天前</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--以下是页脚的开始-->
				<div id="footer">
					<ul class="footer_top">
						<li><span class="iconfont icon-shouji"></span><a href="">移动版</a></li>
						<li><a href="">关于我们</a></li>
						<li><a href="">加入站酷</a></li>
						<li><a href="">用户协议</a></li>
						<li><a href="">隐私政策</a></li>
						<li><a href="">侵权申诉</a></li>
						<li><a href="">企业服务</a></li>
						<li><a href="">帮助中心</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">中文</a></li>
						<li><a href="">English</a></li>
						<li><span class="iconfont icon-weixin"></span></li>
						<li><span class="iconfont icon-weibo"></span></li>
					</ul>
					<ul class="footer_down">
						<li>
						<ul class="shangmianzi">
						<li><a href=""><img src="../img/lbd_公安局.png"/>京公网安备11010502000501号</a><i></i></li>
						<li><a href="">广播电视节目制作经营许可证（京）字第06990号</a><i></i></li>
						<li><a href="">京ICP备11017824号</a><i></i></li>
						<li><a href="">京ICP证130164号</a></li>
						</ul>
						</li>
						<li>
						<ul class="xiamianzi">
						<li><a href="">营业执照</a><i></i></li>
						<li><a href="">网上有害信息举报专区</a><i></i></li>
						<li><a href="">不良信息举报电话：010-56538658</a><i></i></li>
						<li><a href="">举报邮箱 jubao@zcool.com.cn </a><i></i></li>
						<li><a href="">联系电话：010-56538600</a></li>
						<li><a href="">Copyright © 2006-2020 ZCOOL站酷</a></li>
						</ul>
						</li>
					</ul>
				</div>
				<!--以上是页脚的结束-->
			</div>
			
		</div>
	</body>
</html>
<script type="text/javascript">
//	按钮颜色转换
	$(".backtop").mouseover(function(){
		$(this).children().css("color","black");
	})
	$(".backtop").mouseout(function(){
		$(this).children().css("color","white");
	})
//	点击事件,0.3s返回顶部
	$(".backtop").click(function(){
		$("html,body").animate({scrollTop: "0px"})
	});
	$(window).scroll(function(){
		if($(window).scrollTop() >= 450){
			$(".backtop").fadeIn(200);
		}else{
			$(".backtop").fadeOut(200);
		}
		if($(window).scrollTop() > 2100){
			$(".backtop").css({"position":"absolute","display":"block","float":"right","right":"80px","bottom":"40px"});
		}else{
			$(".backtop").css({"position":"fixed","display":"none","float":"right","right":"80px","bottom":"40px"});
		}
	});
//	console.log($(window).scrollTop());
</script>